<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/style.css"/>
		<link rel="stylesheet" type="text/css" href="css/media.css"/>
		<title>美好家纺</title>
	</head>
	<body>
		<!--顶部导航-->
		<div class="top-bar">
			<div class="container">
				<ul>
				    <li>设为首页</li>
				    <li>加入收藏</li>
				    <li>联系我们</li>
			  	</ul>
			</div>
		</div>
		<!--主导航栏-->
		<nav>
			<div class="container">
				    <h1><img src="images/index_07.png"></h1>
				    <ul>
				      <li><a href="index.html">网站首页</a></li>
				      <li><a href="#">公司简介</a></li>
				      <li><a href="#">新闻动态</a></li>
				      <li><a href="list.html">产品展厅</a></li>
				      <li><a href="#">招商加盟</a></li>
				      <li><a href="#">诚聘英才</a></li>
				      <li><a href="#">联系我们</a></li>
				    </ul>
			</div>
		</nav>
		<!--banner轮播图-->
		<div class="banner">
			<div class="container carousel">
				<img src="images/index_11.png"/>
			</div>
		</div>
		<!--列表content容器-->
		<div class="container content">
			<!-- 列表侧栏 -->
			<div class="sideBar">
				<div class="product-category">
					<h3>产品分类</h3>
					<ul>
						<li><a href="#">床上用品</a></li>
						<li><a href="#">窗帘</a></li>
						<li><a href="#">家饰用品</a></li>
						<li><a href="#">家居服饰</a></li>
						<li><a href="#">其他</a></li>
					</ul>
				</div>
				<div class="search">
					<h3>资讯搜索</h3>
					<div class="search-items">
						<form action="" method="post">
							<input type="text" value="" placeholder="关键字"/>
							<input type="image" src="images/list_15.png" />
						</form>
					</div>
				</div>
			</div>
			<!-- 列表正文 -->
				<!-- 移动端搜索 -->
				<div class="search-mobile">
					<em>产品搜索：</em>
					<form action="" method="post">
						<input type="text" value="" placeholder="关键字"/>
						<input type="image" src="images/list_15.png" />
					</form>
				</div>
			<div class="product-list">
				<div class="breadCrumb">
					<em>产品展厅</em>
					<span>您现在的位置：首页 >产品展厅</span>
				</div>
				<ul>
					<li><a href="detail.html"><img src="images/7.jpg" ></a>床上用品</li>
			        <li><a href="#"><img src="images/8.jpg" ></a>沙发套装</li>
			        <li><a href="#"><img src="images/3.jpg" ></a>家饰用品</li>
			        <li><a href="#"><img src="images/6.jpg" ></a>沙发套装</li>
			        <li><a href="#"><img src="images/1.jpg" ></a>沙发套装</li>
			        <li><a href="#"><img src="images/4.jpg" ></a>沙发套装</li>
			        <li><a href="#"><img src="images/2.jpg" ></a>沙发套装</li>
			        <li><a href="#"><img src="images/9.jpg" ></a>床上用品</li>
			        <li><a href="#"><img src="images/5.jpg" ></a>窗帘</li>
				</ul>
				<div class="paging">
					<span>共2页 每页9条 页次1/2</span>
					<span>
						<a href="#">首页</a><a href="#">上一页</a><a href="#">下一页</a>
						<select>
							<option value="1">1</option>
							<option value="2">2</option>
							<option value="3">3</option>
							<option value="4">4</option>
						</select>
						<a href="#">尾页</a>
					</span>
				</div>
			</div>
		</div>
		<!--底部导航栏-->
		<div class="min-bar">
			<div class="container">
				<p>关于我们 | 联系方式 | 客户留言 | 加盟申请 | 诚聘英才 | 友情链接 </p>
			</div>
		</div>
		<!--版权-->
		<footer>
			<p>版权所有 Copyright(C)2005-2017 格莱科技</p>
		</footer>
	</body>
</html>
